Let the lede fill its column, and send the two tools to a new tab - #51
Merged
Conversation
Two things a reader ran into on the finished bar. The lede stopped at 62ch while everything under it - the filter panel, the cards, the packages - ran the full 1132px column, so the masthead read as unfinished text rather than as the page's description. It has no max-width now and ends exactly where the column does; measured, not eyeballed: 154 to 1286 on all three pages, the same as the block below. The note under it, which is part of the same masthead, loses its own 46rem for the same reason. Playground and Docs are tools, not sibling pages: following one means leaving the catalogue you were reading, and coming back meant the back button. They open in a new tab now, which is what the outward arrow on them has been promising. The three page links keep opening in place - switching between Learn, Controls and Stack is navigation, not a departure. Co-Authored-By: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014QKMsbCiREgnpdfVvQYsa2
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Two things a reader ran into on the finished bar.
The lede stopped short of its own page
.ledecarriedmax-width: 62chwhile everything under it — the filter panel, the cards, the packages section — ran the full 1132px column. The masthead therefore read as a paragraph of unfinished text rather than as the page's description, with the right third of it empty.It has no
max-widthnow and ends exactly where the column does. Measured rather than eyeballed: the lede spans 154 → 1286 andmain's content box spans 154 → 1286, on all three pages.The note under it — the one explaining why there is no Playground button on a card here — sits in the same masthead and loses its own
46remfor the same reason. So does the.three-ledeabove the card strip.Playground and Docs open in a new tab
They are tools, not sibling pages: following one means leaving the catalogue you were reading, and coming back meant the back button. They now carry
target="_blank" rel="noopener", which is what the outward arrow on them has been promising all along.The three page links deliberately keep opening in place — switching between Learn, Controls and Stack is navigation within the family, not a departure from it.
Verification
Both blocks are still byte-identical across the three repositories — the CSS block verbatim, the nav HTML verbatim once
aria-currentis factored out (both checked mechanically, not by eye). Re-ran the full pass on all three pages, light and dark, at 1280px and 390px: right page marked, exactly one marker per block, no sideways scrolling (including the 390px case this page regressed on last round), no console errors, every landmark still starting at x = 154.check:webandcheck:family-navpass.Generated by Claude Code